<template>
<div id="app">
  <transition name="appTab" mode="out-in">
    <router-view class="contentStyle"/>
  </transition>
</div>
</template>

<script>
export default {
  name:'App',
  data:()=>({
  }),
  mounted(){
    //document.cookie="TOKEN = 3874OB2L8v60VrJwt6ZDgvp9F%2Ftj1wv2I04AMbN2ffic5cFKT9W5VlCqo1FD11nFaRa47lbv2prgPz69M7J8smsv%2BQ";
  },
  computed:{
  },
  methods:{
  }
}
</script>

<style lang="scss" type="text/scss">
@import "assets/css/reset.css";
@import "assets/css/common.scss";
.contentStyle{
  width:750px;
  min-height:100vh;
  box-sizing:border-box;
  margin:auto;
}
.appTab-enter-active,.appTab-leave-active{
  transition:all .15s;
}
.appTab-enter,.appTab-leave-to{
  opacity:0;
}
.appTab-enter-to,.appTab-leave{
  opacity:1;
}
</style>
